<html data-layout-decorator="layout/main" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
<div data-layout-fragment="content">
    <!-- 表格工具栏 -->
    <form class="layui-form toolbar">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="keywords" placeholder="请输入人员姓名/手机号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <!-- 性别下拉单选 -->
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <!-- 下拉单选 -->
                    <select name='gender' id='gender' lay-verify='' lay-search='' lay-filter='gender'>
                        <option value=''>【请选择性别】</option>
                        <option value='1'>男</option>
                        <option value='2'>女</option>
                        <option value='3'>保密</option>
                    </select>
                </div>
            </div>
            <!-- 状态下拉单选 -->
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <!-- 下拉单选 -->
                    <select name='status' id='status' lay-verify='' lay-search='' lay-filter='status'>
                        <option value=''>【请选择状态】</option>
                        <option value='1'>正常</option>
                        <option value='2'>禁用</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline" style="width: auto;">
                    <button class="layui-btn" lay-submit="" lay-filter="searchForm" id="search"><i class="layui-icon">&#xe615;</i>查询
                    </button>
                    <a href="javascript:" class="layui-btn btnOption  layui-btn-small btnAdd" id="add" data-param='[]'
                       lay-event="add"><i class="layui-icon layui-icon-add-1"></i>添加系统人员</a>
                    <a href="javascript:" class="layui-btn btnOption layui-btn-danger layui-btn-small btnBatchDrop"
                       id="batchDrop" data-param="[]" lay-event="batchDrop"><i class="layui-icon layui-icon-delete"></i>批量删除</a>
                </div>
            </div>
        </div>
    </form>

    <!-- 数据表格 -->
    <table class="layui-hide" id="tableList" lay-filter="tableList"></table>

    <!-- 表格操作列 -->
    <script type="text/html" id="toolBar">
        <a class="layui-btn layui-btn-xs btnEdit" lay-event="edit" title="编辑"><i class="layui-icon">&#xe630;</i>编辑</a>
        <a shiro:hasPermission="admin:delete" class="layui-btn layui-btn-danger layui-btn-xs btnDel" lay-event="del" title="删除"><i class="layui-icon">&#xe630;</i>删除</a>
    </script>

    <!-- 状态 -->
    <script type="text/html" id="statusTpl">
        <input type="checkbox" name="status" value="{{ d.id }}" lay-skin="switch" lay-text="正常|禁用" lay-filter="status"
               {{ d.status== 1 ? 'checked' : '' }} >
    </script>

</div>
</html>